// $(function() {
//   $(".login-form").bootstrapValidator({
//     //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
//     excluded: [":disabled", ":hidden", ":not(:visible)"],
//     //2.指定校验时的图标显示 默认是bootstrap风格
//     feedbackIcons: {
//       valid: "glyphicon glyphicon-ok",
//       invalid: "glyphicon glyphicon-remove",
//       validating: "glyphicon glyphicon-refresh"
//     },
//     //   3.表单校验规则
//     //   filed 字段 一个数据
//     //   指定要校验的字段
//     fields: {
//       //根据表单name属性进行校验
//       username: {
//         //校验规则
//         validators: {
//           motEmpty: {
//             message: "用户名不能为空"
//           },
//           //长度校验
//           stringLength: {
//             min: 2,
//             max: 6,
//             message: "用户名必须是2-6位"
//           },
//           //拓展提示信息
//           callback: {
//             message: "用户名不存在"
//           }
//         }
//       },
//       password: {
//         //校验规则
//         validators: {
//           //非空
//           motEmpty: {
//             message: "密码不能为空"
//           },
//           //长度校验
//           stringLength: {
//             min: 6,
//             max: 12,
//             message: "密码必须是6-12位"
//           },
//           //拓展提示信息
//           callback: {
//             message: "密码错误"
//           }
//         }
//       }
//     }
//   });
//   // 点击重置按钮 重置表单的数据和重置表单校验样式
//   $(".btn-reset").click(function() {
//     //通过表单校验插件实例对象 区调用插件中的方法
//     $(".login-form")
//       .data("bootstrapValidator")
//       .resetForm();
//   });

//   // 表单校验插件中 提供success.form.bv事件 在用户点击提交按钮 并且数据校验通过的情况下触发
//   $(".login-form").on("success.form.bv", function(e) {
//     //阻止提交按钮的默认行为
//     e.preventDefault();
//     //把用户信息通过ajax发送给后台 进行登录验证
//     $.ajax({
//       type: "post",
//       url: "/employee/employeeLogin",
//       data: $(".login-form").serialize(),
//       dataType: "json",
//       success: function(res) {
//         if (res.success) {
//           //登录成功  跳转去首页
//           location.href = "index.html";
//         }
//         if (res.error == 1000) {
//           // alert('用户名错误');
//           // 将用户名状态 有成功改为失败， 提示错误原因
//           $(".login-form")
//             .data("bootstrapValidator")
//             .updateStatus("username", "INVALID", "callback");
//         }
//         if (res.error == 1001) {
//           // alert('密码错误');
//           // 将密码状态 有成功改为失败， 提示错误原因
//           $(".login-form")
//             .data("bootstrapValidator")
//             .updateStatus("password", "INVALID", "callback");
//         }
//       }
//     });
//   });
// });
$(function () {

    // 1- 表单校验功能 
    // 用户名：  非空 2-6位 
    // 密码:  非空  6-12 
  
    $('.login-form').bootstrapValidator({
      //1. 指定不校验的类型，默认为[':disabled', ':hidden', ':not(:visible)'],可以不设置
      excluded: [':disabled', ':hidden', ':not(:visible)'],
  
      //2. 指定校验时的图标显示，默认是bootstrap风格
      feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
      },
  
      // 3-表单校验规则 
      // fields 字段  一个数据
      // 指定要校验字段（数据） 
      fields: {
        // 根据表单name属性进行校验 
        username: {
          // 校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '用户名不能为空！'
            },
            // 长度校验
            stringLength: {
              min: 2,
              max: 6,
              message: '用户名必须是2-6位'
            },
            // 拓展提示信息
            callback: {
              message: '用户名不存在'
            }
  
  
          }
        },
        password: {
          // 校验规则
          validators: {
            // 非空
            notEmpty: {
              message: '密码不能为空！'
            },
            // 长度校验
            stringLength: {
              min: 6,
              max: 12,
              message: '密码必须是6-12位'
            },
            //拓展一个规则 
            callback: {
              message: '密码错误'
            }
            // callback1: (function (条件) {
            //   if (条件) {
            //     return {
            //       message: '密码错误1'
            //     }  
            //   } else {
            //     return {
            //       message: '密码错误2'
            //     }
            //   }
            // })()
          }
        }
      }
    })
  
    // 2- 点击重置按钮，重置表单的数据和 重置表单校验样式 
    $('.btn-reset').click(function () {
      // 通过表单校验插件实例对象，去调用插件中方法 
      $('.login-form').data('bootstrapValidator').resetForm();
    })
  
    // 3- 用户登陆功能
    // 1- 点击登陆按钮，获取表单数据， 在表单数据校验通过的情况下，向后台发送请求
    // 2- 获取后台返回登陆结果， 
    //     登陆成功： 跳转到首页 
    //     登陆失败： 提示错误信息，重新登陆 
  
    // $('.btn-login').click(function () {
    //   if (表单数据合理) {
    //     //向后台发送请求 
    //     .....
    //   }
    // })
  
    // 表单校验插件中， 提供 success.form.bv 事件， 在用户点击提交按钮，并且数据校验通过的情况下触发 
  
    $('.login-form').on('success.form.bv', function (e) {
      // 阻止提交按钮的默认行为
      e.preventDefault();
      // 把用户信息通过ajax发送给后台，进行登陆验证 $aj 
      $.ajax({
        type: 'post',
        url: '/employee/employeeLogin',
        data: $('.login-form').serialize(),
        dataType: 'json',
        success: function (res) {
          console.log(res);
          if (res.success) {
            //登陆成功
            //跳转去首页 
            location.href = 'index.html';
          }
          if (res.error == 1000) {
            // alert('用户名错误');
            // 将用户名状态 有成功改为失败， 提示错误原因 
            $('.login-form').data('bootstrapValidator').updateStatus('username', 'INVALID', 'callback');
          }
          if (res.error == 1001) {
            // alert('密码错误');
            // 将密码状态 有成功改为失败， 提示错误原因 
            $('.login-form').data('bootstrapValidator').updateStatus('password', 'INVALID', 'callback');
          }
        }
      })
    });
  
  
  
  
  
  });